<template>
  <TresGroup>
    <TresMesh :position="new THREE.Vector3(0, -props.radius, 0)">
      <TresSphereGeometry :args="[props.radius, 32]" />
      <TresMeshStandardMaterial
        :color="new THREE.Color('#A6ED8E')"
        :side="THREE.DoubleSide"
      />
    </TresMesh>
  </TresGroup>
</template>

<script setup lang="ts">
import * as THREE from "three";
const props = withDefaults(
  defineProps<{
    radius: number;
  }>(),
  {
    radius: 10,
  }
);
</script>

<style scoped></style>
